<template>
	<div class="bigb">
		<!--右侧栏-->
		<!--**********内容*********-->
		<div class="z_shopping_content">

			<h4>个人资料</h4>

			<ul class="tou">
				<li>
					<span>当前头像：</span>
					<img src="../../imgs/hamigua.png" />
					<a href="#">修改</a>
				</li>
				<li>
					<span>昵称:</span>
					<input type="input" placeholder="13012341234">
				</li>
				<li>
					<span>性别:</span>
					<input type="radio" :checked="check1" @click="checked1">男
					<input type="radio" :checked="check2" @click="checked2">女
				</li>
				<li>
					<span>生日:</span>
					<select>
						<option value="">2017</option>
						<option value="">2016</option>
					</select>年
					<select>
						<option value="">12</option>
						<option value="">11</option>
					</select>月
					<select>
						<option value="">30</option>
						<option value="">29</option>
					</select>日
				</li>
				<li>
					<span>手机:</span>
					<input type="input" placeholder="13012341234">
					<a href="#" @click="">更换手机号</a>
				</li>
				<li>
					<button class="btn">确认提交</button>
				</li>

			</ul>

		</div>
	</div>
</template>

<script>
</script>

<style>
	.z_shopping_content {
		position: absolute;
		top: 0px;
		right: 0;
		width: 1085px;
		height: 625px;
		border: solid 1px #e7e7e7;
	}
	/**********/
	
	.z_shopping_content h4 {
		border-bottom: 1px solid #ddd;
		line-height: 60px;
		font-size: 18px;
		color: #323333;
		font-weight: 400;
		padding-left: 21px;
	}
	.tou{
    /*border: 1px solid red;*/
	
    margin: 15px 77px ;
 
  }
  .tou span{
    font-size: 18px;
    margin-right:10px;
    margin-bottom: 28px;
    display: inline-block;
  }
  .tou img{
    position: relative;
top: 25px;  	
  	width: 73px;height: 72px;
    margin-right: 10px;

    
  }
  .tou a{
    text-decoration: none;
    margin-left: 10px;
    color: #4b943d;

  }
  .tou li select{
  	font-size: 16px;
  width: 110px;
	height: 35px;
    display: inline-block;
    padding:10px;
  }
 
  .tou input{
    padding:5px;
  }
  .btn{
  	font-size: 20px;
    padding:15px 34px;
    outline: none;
    border: none;
    background-color: #F08200;
    color:white;
    border-radius: 5px;
    margin-top: 10px;
    margin-left: 50px;
  }
</style>